<!DOCTYPE html>
<html>
<head>
    <title>数据字典</title>
    <meta name="keywords" content="keyword1,keyword2,keyword3">
    <meta name="description" content="this is my page">
    <meta name="content-type" content="text/html; charset=UTF-8">

    <!-- 框架样式文件引入--只可新增，请勿删减 -->
    <link rel="shortcut icon" href="../../../static/images/icon/favicon.ico">
    <link rel="stylesheet" type="text/css" href="../../../static/css/base/base.css" />
    <link rel="stylesheet" type="text/css" href="../../../static/webFrames/buttons/buttons.min.css" />
    <link rel="stylesheet" type="text/css" href="../../../static/webFrames/jquery-ztree/metroStyle.css" />
    <link rel="stylesheet" type="text/css" href="../../../static/webFrames/jqxsplitter/jqx.base.css"/>

</head>

<body class="gray-bg" style="overflow: hidden">

<div id='splitter'>
<div class="col-sm-3 animated fadeInLeft" style="height: 100%;overflow: auto;background-color: #fff">
    <!--<div class="btn-group hidden-xs" role="group">-->
        <!--<button id="btnTreeLoad" type="button" class="btn btn-outline btn-default">-->
            <!--<i class=" glyphicon glyphicon-repeat" aria-hidden="true"></i>&nbsp;刷新-->
        <!--</button>-->
    <!--</div>-->
    <a style="width: 100%;height: 30px;padding-top: 4px;" id="btnTreeLoad"
       class="button button-tiny"><i class=" glyphicon glyphicon-repeat" aria-hidden="true"></i>刷新</a>
    <div class="ibox float-e-margins">
        <div class="zTreeDemoBackground left">
            <ul id="treeDemo" class="ztree"></ul>
        </div>
    </div>
</div>

<div class="col-sm-9 animated fadeInLeft" style="height: 100%;background-color: #fff;overflow: scroll;">
    <div class="ibox float-e-margins">
        <div class="example-wrap">
            <!-- 表格区域，请勿修改整体结构 -->
            <div class="fixed-table-container" style="border: 0 none">
                <!-- 表格上方的按钮，如：新增、修改、删除 -->
                <div class="btn-group hidden-xs" id="grdToolbar" role="group">
                    <button id="btnAdd" type="button" class="btn btn-outline btn-default">
                        <i class="glyphicon glyphicon-plus" aria-hidden="true"></i>&nbsp;新增
                    </button>
                    <button id="btnEdit" type="button" class="btn btn-outline btn-default">
                        <i class="glyphicon glyphicon-pencil" aria-hidden="true"></i>&nbsp;修改
                    </button>
                    <button id="btnDelete" type="button" class="btn btn-outline btn-default">
                        <i class="glyphicon glyphicon-trash" aria-hidden="true"></i>&nbsp;刪除
                    </button>
                    <button id="btnSorting" type="button" class="btn btn-outline btn-default">
                        <i class="glyphicon glyphicon-sort" aria-hidden="true"></i>&nbsp;排序
                    </button>
                </div>
                <!-- 表格区域 -->
                <div class="fixed-table-body">
                    <div class="fixed-table-loading" style="top: 42px;">正在加载, 请稍后 ...</div>
                    <table id="tableGrid" data-striped="true">
                        <!-- 表格的具体内容在JS中进行初始化操作 -->
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
</div>
<!-- 框架JS文件引入--只可新增，请勿删减 -->
<script type="text/javascript" src="../../../static/javascript/base/base.js"></script>
<script type="text/javascript" src="../../../static/webFrames/jquery-ztree/jquery.ztree.core.min.js"></script>
<script type="text/javascript" src="../../../static/webFrames/jqxsplitter/jqxcore.js"></script>
<script type="text/javascript" src="../../../static/webFrames/jqxsplitter/jqxsplitter.js"></script>
<!-- 个人模块样式文件引入，引入时一定要加上defer，实现延时加载，等待页面渲染完毕 -->
<script type="text/javascript" src="../../../static/javascript/system/dictionary/dictionaryMainView.js" defer></script>
</body>
</html>
